<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no,email=no,adress=no" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>新闻详情</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<script src="js/vjs.js"></script>

<style>

html{
	font-family: "PingFang SC","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

p{
	margin:0;
	padding:0;
}

[class*='col-'] {
	padding: 0px;
}

[data-id='navigation-bar'] {
	position: fixed;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	height: 3.5em;
	line-height: 3.5em;
	z-index: 999;
}

[data-id='navigation-bar-title'] {
	text-align: center;
	color: #555;
}

[data-id='navigation-bar-title'] span {
	font-size: 1.25em;
}

[data-id='navigation-body'] {
	padding: 0px;
	padding-top: 1em;
}

[data-id='more'] {
	background: #f5f5f9;
	padding: 1em .5em;
	border-bottom: 1px solid #e5e5e5;
	position: fixed;
	z-index: 999;
	height: 5em;
}

[data-id='logo'] {
	color: #6f6f6f;
	width: 70%;
	height: 3em;
	padding-left: 3.5em;
	line-height: 3em;
	display: inline-block;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	-moz-background-size: auto 100%;
	font-style:normal;
}

[data-id='download-btn'] {
	background: #2cc759;
	display: inline-block;
	float: right;
	color: #fff;
	padding: .5em .75em;
	border-radius: .25em;
	margin-top: .25em;
	cursor: pointer;
}

[data-id='article-title'] {
	font-size: 1.5em;
	padding: .75em .5em;
	font-weight: 700;
	padding: .75em .5em;
	color:#666;
}

[data-id='article-content'] {
	font-size: 1.2em;
	padding:0em .5em 0em .5em;
	color:#333;
	line-height:1.6em;
}

[data-id='article-content'] img{
	width:100%;
	height:auto;
}

[data-id='article-content'] video{
	width:100%;
	height:auto;
}

[data-id='article-source']{
	color: #666;
	padding:.25em .75em;
	font-size:1.1em;
}

[data-id='article-time'] {
	text-align: left;
	color: #999;
	padding:.25em .75em;
	font-size:1em;
}

[data-id='article-thumbs'] {
	text-align: right;
	color: #999;
	padding:.25em .75em;
	font-size:1em;
}
</style>
</head>
<body class="clearfix">
	<div data-id="navigation-body"
		class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">

		<!-- 文章容器 -->
		<div data-id="article-container" class="col-xs-12 col-sm-12 col-md-12">
			
		</div>
	</div>
	<script>
	var uuid = vjs.getUriParam(window.location.href, "uuid");
	if(!uuid){
		window.location.href = "error-404.html";
	}
	$(function(){
		vjs.ajax({
			url:"https://admin.ajhbw.cn/api/news/details",
			data:{
				uuid:uuid
			},
			async:false,
			success:function(res){
				if(!res.code == 0){
					window.location.href = "error-404.html";
				}
				vjs.template({
					container:$("[data-id='article-container']"),
					template:"templates/info.html",
					data:res.data
				});
			}
		});
	});
	</script>
</body>
</html>
